*{
	margin: 0;
	padding: 0;
}
ul,li{list-style: none;}
li>img{
	width: 150px;
	height: 250px;
	float: left;
	margin-left: 20px;
}
.box{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
}
.box>.sc{
	float: right;
	font-size: 50px;
	margin-right: 10px;
	cursor: pointer;
}
.box .Div{
	width: 400px;
	height: 600px;
	position: absolute; 
	left: 50%; top: 50%;
    margin-top: -300px;    
    margin-left: -200px;   
    position: relative;
}
.box .Div img{
	width: 100%;
	height: 100%;
	position: absolute;
}
.box .Ul{
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left:-400px;
}
.box .Ul li{
	width: 100px;
	height: 50;
	background: brown;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
}

.imgx{ transition: 1s; }
.scaleNumBox{ position: absolute; z-index: 100; top: 50%; left: 50%; width: 60px; height: 40px; border-radius: 10px; background:rgba(3,3,3,0.6); color: #FFF; text-align: center; line-height: 40px; transition: 1s; margin-left: -30px; display: none;}